<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Indiefilm Studio Management System</title>
      <script type="text/javascript">
	$(function() {
		$("#datepickerInvoiceDate").datepicker();

	});
	</script>
    
	<script type="text/javascript">
	// increase the default animation speed to exaggerate the effect
	$.fx.speeds._default = 200;
	$(function() {
		$('#dialog').dialog({
			autoOpen: false,
			width: 660,
			show: 'blind',
			hide: 'explode'
		});
		
		$('#opener').click(function() {
			$('#dialog').dialog('open');
			return false;
			
		});
	});

</script>

    
</head>

<body>	
		<div id="TabLayout">
	
				<!-- Layout Content -->
	<div class="tabLeftContent">
    
<!-- Rate Sheet Static Content -->
<div id="dialog" title="Indiefilm Productions Standard Rate Sheet">
	<p>Updated: 3 Aug 10</p>
    <h3>General</h3>
        <table width="100%">
           <tr>
             <td><strong>Items</strong></td>
                    <td><strong>Qty</strong></td>
                    <td><strong>Price</strong></td>
                  </tr>
          <tr>
            <td width="1086"><label>Project Management and Meetings</label></td>
	          <td width="187">2 hrs</td>
		        <td width="122">$400</td>
	        </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>0.5 day</td>
                    <td>$1,200</td>
                  </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>2 days</td>
                    <td>$4,400</td>
                  </tr>
                  <tr>
                    <td><label>Grip Gear and Lighting</label></td>
                    <td>2.5 days</td>
                    <td>$400</td>
                  </tr>
          </table>        
          <h3>Post production</h3>
           <table width="100%">
           <tr>
             <td><strong>Items</strong></td>
                    <td><strong>Qty</strong></td>
                    <td><strong>Price</strong></td>
                  </tr>
          <tr>
            <td width="1086"><label>Project Management and Meetings</label></td>
	          <td width="187">2 hrs</td>
		        <td width="122">$400</td>
	        </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>0.5 day</td>
                    <td>$1,200</td>
                  </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>2 days</td>
                    <td>$4,400</td>
                  </tr>
                  <tr>
                    <td><label>Grip Gear and Lighting</label></td>
                    <td>2.5 days</td>
                    <td>$400</td>
                  </tr>
          </table>        
          <h3>Post production</h3>
           <table width="100%">
           <tr>
             <td><strong>Items</strong></td>
                    <td><strong>Qty</strong></td>
                    <td><strong>Price</strong></td>
                  </tr>
          <tr>
            <td width="1086"><label>Project Management and Meetings</label></td>
	          <td width="187">2 hrs</td>
		        <td width="122">$400</td>
	        </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>0.5 day</td>
                    <td>$1,200</td>
                  </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>2 days</td>
                    <td>$4,400</td>
                  </tr>
                  <tr>
                    <td><label>Grip Gear and Lighting</label></td>
                    <td>2.5 days</td>
                    <td>$400</td>
                  </tr>
          </table>        
</div><!-- Rate Sheet Static Content Ends-->

    
<div class="tableBorder">
       <table width="100%" class="yellowTable">
           <tr class="titleRow">
             <td colspan="4"><h3 class="centreTitle">INVOICE: AGF0710J1V1 - Auto Gen</h3></td>
           </tr>
           <tr>
             <td colspan="4"><a class="button" href="#"><span>Save</span></a> <a class="button" href="#"><span>Edit</span></a> <a class="button" href="#"><span>Delete</span></a> <a class="button" href="#"><span>Send Invoice To Accounts</span></a> <img src="../../indiefilm/images/email.png" alt="email" title="Invoice sent on 31, Aug 10" /></td>
           </tr>
           <tr>
                    <td><label>Invoice Number</label></td>
                    <td>AGF0710J1V1</td>
             <td><label>Invoice Date:</label></td>
   <td><input id="datepickerInvoiceDate" type="text" size="10"></td>
                  </tr>
          <tr>
            <td width="168"><label>Job Name:</label></td>
            <td colspan="3">Agri Feeds website Development</td>
          </tr>
          <tr>
		        <td><label>Client:</label></td>
            <td width="476"><a href="#">Agri Feeds</a></td>
            <td width="132"><label>Job Number:</label></td>
	        <td width="488">AGF0710J1</td>
	        </tr>


       <tr>
            <td><label>Invoice Type:</label></td>
            <td colspan="3"><form id="form1" name="form1" method="post" action="">
              <input type="radio" name="radio" id="deposit" value="deposit invoice" />
              Deposit Invoice
              
              <input type="radio" name="radio" id="balance" value="balance invoice" />
              Balance Invoice
              
            </form></td>
         </tr>
      </table>        
</div><!-- table border-->
 <div class="litetableBorder">
      <table width="100%" class="liteTable">
              <tr class="headerRow">
                    <td class="inputNoPadding">Item Name</td>
                    <td class="inputNoPadding">Qty</td>
                    <td class="inputNoPadding">Price</td>
                    <td class="inputNoPadding"></td>
        </tr>
                  <tr>
                    <td width="697" class="inputNoPadding"><input type="text" name="textfield3" id="textfield3" size="60" /></td>
                    <td width="261" class="inputNoPadding"><input type="text" name="textfield4" id="textfield4" size="8" /></td>
                    <td width="72" class="inputNoPadding"><input type="text" name="textfield" id="textfield" size="8" />

                    </td>
                    <td width="100" class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                  </tr>
      </table>        
</div><!-- table border-->

<div class="tableBorder">
        <table width="100%" class="yellowTable">
           <tr class="headerRow">
             <td>Items</td>
                    <td>Qty</td>
                    <td>Price</td>
                  </tr>
          <tr>
            <td width="1059"><label>Project Management and Meetings</label></td>
	          <td width="99">2 hrs</td>
		        <td width="110">$400</td>
	        </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>0.5 day</td>
                    <td>$1,200</td>
                  </tr>
                  <tr>
                    <td><label>Production Crew</label></td>
                    <td>2 days</td>
                    <td>$4,400</td>
                  </tr>
                  <tr>
                    <td><label>Grip Gear and Lighting</label></td>
                    <td>2.5 days</td>
                    <td>$400</td>
                  </tr>
                  <tr class="calLine">
                    <td>&nbsp;</td>
                    <td>Sub Total:</td>
                    <td>$6,400</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>GST:</td>
                    <td>$800</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><h4 class="figTitle">Total:</h4></td>
                    <td><h4 class="figTitle">$7,200</h4></td>
                  </tr>
          </table>        
</div><!-- table border-->

   


    </div> <!--work left content-->
    
    
    <div class="tabRightContent">
        
        <div class="sideModuleLite">
         <div id="SideNavigation">	
                    <ul>
                    <li><a href="#"><span id="opener"><img src="../../indiefilm/images/paper.gif" alt="Paper"/>Rate Sheet</span></a></li>                             
                    </ul>
          </div>
        </div>
	</div><!--work right content-->
						
			
<!-- Layout Content Ends -->							
</div>
   <div class="clear"><!-- --></div>
</body>
</html>
